<script>
function show_(id){
    for(i=1; i<4;i++){
        if(i==id){
            jQuery('#content_'+i).fadeIn('slow');
            jQuery("#box_tip_"+i).addClass('active');
			if(id==2)
			show_tab2(1);
			if(id==3)
			show_tab3(1);
        }
        else{
            document.getElementById('content_'+i).style.display = "none";
            jQuery("#box_tip_"+i).removeClass('active');
        }
    }
}
function show_tab1(id){
    for(i=1; i<3;i++){
        if(i==id){
            jQuery('#tab1_'+i).fadeIn('slow');
            jQuery("#tab_tab1_"+i).addClass('active');
        }
        else{
            document.getElementById('tab1_'+i).style.display = "none";
            jQuery("#tab_tab1_"+i).removeClass('active');
        }
    }
}
function show_tab2(id){
    for(i=1; i<3;i++){
        if(i==id){
            jQuery('#tab2_'+i).fadeIn('slow');
            jQuery("#tab_tab2_"+i).addClass('active');
        }
        else{
            document.getElementById('tab2_'+i).style.display = "none";
            jQuery("#tab_tab2_"+i).removeClass('active');
        }
    }
}
function show_tab3(id){
    for(i=1; i<4;i++){
        if(i==id){
            jQuery('#tab3_'+i).fadeIn('slow');
            jQuery("#tab_tab3_"+i).addClass('active');
        }
        else{
            document.getElementById('tab3_'+i).style.display = "none";
            jQuery("#tab_tab3_"+i).removeClass('active');
        }
    }
}
</script> 
<div class="temp2">
    <p><?php echo $this->lang->line('fm_about'); ?></p>
</div>
<div class="box_tip">
	<div class="box_tip_1" id="box_tip_1" style="cursor: pointer;" onclick="show_(1);">
        <div class="box_tip_text_1">
            <div class="f16px">About us</div>
            <div>Read about the Western Thrace</div>
        </div>
    </div>
    <div class="box_tip_2" id="box_tip_2" style="cursor: pointer;" onclick="show_(2);">
        <div class="box_tip_text_2">
            <div class="f16px">Our History</div>
            <div>Read about the Western Thrace history</div>
        </div>
    </div>
    <div class="box_tip_3" id="box_tip_3" style="cursor: pointer;" onclick="show_(3);">
        <div class="box_tip_text_3">
            <div class="f16px">Structure</div>
            <div>Read about the Western Thrace structure</div>
        </div>
    </div>
    <div class="clear_left"></div>
</div>




<div class="content" id="content_1" style="display: block;">
     <div id="tab1_1" style="display: block;">
        <div class="title_home">
            <?php echo $tab[5]['title'] ?>
        </div>
        <div class="text_home">
            <div class="text_home1">
                <div class="p10r">
                <div class="title">
                <?php echo $tab[5]['intro'] ?>
                </div>
                <div class="p15t">            
    			<?php echo $tab[5]['content'] ?>
                </div>
                </div>
            </div>
            <?php 
		 if($tab[5]['picture']!='') 
		 {
		 ?>
        <div class="text_home2"><img src="<?php echo base_url(); ?>upload_file/article/<?php echo $tab[5]['picture']; ?>" width="220px" /></div>
        <?php 
		 }
		 ?>
            <div class="clear_left"></div>
        </div>
    </div>

  
</div>
<div class="content" id="content_2" style="display: none;">
  
 <div class="tab_tab">
        <div class="tab_tab2_1" id="tab_tab2_1" style="cursor: pointer;" onclick="show_tab2(1);">
            <div class="tab_tab_text_1">
                <div>History</div>
            </div>
        </div>
        <div class="tab_tab2_2" id="tab_tab2_2" style="cursor: pointer;" onclick="show_tab2(2);">
            <div class="tab_tab_text_2">
                <div>Presidents</div>
            </div>
        </div>
        <div class="clear_left"></div>
    </div>


    <div id="tab2_1" style="display: block;">
        <div class="title_home">
            <?php echo $tab[0]['title'] ?>
        </div>
        <div class="text_home">
            <div class="text_home1">
                <div class="p10r">
                <div class="title">
                <?php echo $tab[0]['intro'] ?>
                </div>
                <div class="p15t">            
    			<?php echo $tab[0]['content'] ?>
                </div>
                </div>
            </div>
            <?php 
		 if($tab[0]['picture']!='') 
		 {
		 ?>
        <div class="text_home2"><img src="<?php echo base_url(); ?>upload_file/article/<?php echo $tab[0]['picture']; ?>" width="220px" /></div>
        <?php 
		 }
		 ?>
            <div class="clear_left"></div>
        </div>
    </div>
    <div id="tab2_2" style="display: none;">
        <div class="title_home">
            <?php echo $tab[1]['title'] ?>
        </div>
        <div class="text_home">
            <div class="text_home1">
                <div class="p10r">
                <div class="title">
                <?php echo $tab[1]['intro'] ?>
                </div>
                <div class="p15t">            
    			<?php echo $tab[1]['content'] ?>
                </div>
                </div>
            </div>
            <?php 
		 if($tab[1]['picture']!='') 
		 {
		 ?>
        <div class="text_home2"><img src="<?php echo base_url(); ?>upload_file/article/<?php echo $tab[1]['picture']; ?>" width="220px" /></div>
        <?php 
		 }
		 ?>
            <div class="clear_left"></div>
        </div>
    </div>
       
</div>
<div class="content" id="content_3" style="display: none;">
<div class="tab_tab">
        <div class="tab_tab3_1" id="tab_tab3_1" style="cursor: pointer;" onclick="show_tab3(1);">
            <div class="tab_tab_text_1">
                <div>Executive Committee</div>
            </div>
        </div>
        <div class="tab_tab3_2" id="tab_tab3_2" style="cursor: pointer;" onclick="show_tab3(2);">
            <div class="tab_tab_text_2">
                <div>Auditing Committee</div>
            </div>
        </div>
        <div class="tab_tab3_3" id="tab_tab3_3" style="cursor: pointer;" onclick="show_tab3(3);">
            <div class="tab_tab_text_2">
                <div>Discipline Committee</div>
            </div>
        </div>
        <div class="clear_left"></div>
    </div>
     <div id="tab3_1" style="display: block;">
        <div class="title_home">
            <?php echo $tab[2]['title'] ?>
        </div>
        <div class="text_home">
            <div class="text_home1">
                <div class="p10r">
                <div class="title">
                <?php echo $tab[2]['intro'] ?>
                </div>
                <div class="p15t">            
    			<?php echo $tab[2]['content'] ?>
                </div>
                </div>
            </div>
            <?php 
		 if($tab[2]['picture']!='') 
		 {
		 ?>
        <div class="text_home2"><img src="<?php echo base_url(); ?>upload_file/article/<?php echo $tab[2]['picture']; ?>" width="220px" /></div>
        <?php 
		 }
		 ?>
            <div class="clear_left"></div>
        </div>
    </div>
    <div id="tab3_2" style="display: none;">
            <div class="title_home">
            <?php echo $tab[3]['title'] ?>
        </div>
        <div class="text_home">
            <div class="text_home1">
                <div class="p10r">
                <div class="title">
                <?php echo $tab[3]['intro'] ?>
                </div>
                <div class="p15t">            
    			<?php echo $tab[3]['content'] ?>
                </div>
                </div>
            </div>
            <?php 
		 if($tab[3]['picture']!='') 
		 {
		 ?>
        <div class="text_home2"><img src="<?php echo base_url(); ?>upload_file/article/<?php echo $tab[3]['picture']; ?>" width="220px" /></div>
        <?php 
		 }
		 ?>
            <div class="clear_left"></div>
        </div>
    </div>
    <div id="tab3_3" style="display: none;">
            <div class="title_home">
            <?php echo $tab[4]['title'] ?>
        </div>
        <div class="text_home">
            <div class="text_home1">
                <div class="p10r">
                <div class="title">
                <?php echo $tab[4]['intro'] ?>
                </div>
                <div class="p15t">            
    			<?php echo $tab[4]['content'] ?>
                </div>
                </div>
            </div>
            <?php 
		 if($tab[4]['picture']!='') 
		 {
		 ?>
        <div class="text_home2"><img src="<?php echo base_url(); ?>upload_file/article/<?php echo $tab[4]['picture']; ?>" width="220px" /></div>
        <?php 
		 }
		 ?>
            <div class="clear_left"></div>
        </div>
    </div>
    
</div>
<script>
jQuery(document).ready(function(){
	jQuery("#about_active").addClass('current');
	show_(1);
});
</script>